import Vue from 'vue'
import Router from 'vue-router'
import Home from './views/Home.vue'

Vue.use(Router)

export default new Router({
  mode: 'history',
  base: process.env.BASE_URL,
  routes: [
    {
      path: '/',
      name: 'heatmap',
      component: ()=> import('./components/heatmap.vue')
    },
    {
      path: '/about',
      name: 'about',
      // route level code-splitting
      // this generates a separate chunk (about.[hash].js) for this route
      // which is lazy-loaded when the route is visited.
      component: () => import(/* webpackChunkName: "about" */ './views/About.vue')
    },
    {
      path:'/hello',
      name:'hello',
      component:()=>import('./components/HelloWorld.vue')
    },
    {
      path:'/picture',
      name:'picture',
      component:()=>import('./components/picture.vue')
    }, {
      path:'/icon',
      name:'icon',
      component:()=>import('./components/icon.vue')
    },{
      path:'/animaticon',
      name:'animaticon',
      component:()=>import('./components/animate_icon.vue')
    },{
      path:'/opacity',
      name:'opacity',
      component:()=>import('./components/layeropacity.vue')
    },{
      path:'/flowline',
      name:'flowline',
      component:()=>import('./components/flowline.vue')
    },{
      path:'/geoline',
      name:'geoline',
      component:()=>import('./components/geojson_line.vue')
    },{
      path:'/animatpoint',
      name:'animatpoint',
      component:()=>import('./components/animate_poin.vue')
    },{
      path:'/poinmove',
      name:'poinmove',
      component:()=>import('./components/path_move.vue')
    },{
      path:'/layerchage',
      name:'layerchage',
      component:()=>import('./components/layer_change.vue')
    },{
      path:'/layerswitch',
      name:'layerswitch',
      component:()=>import('./components/layer_switch.vue')
    },{
      path:'/3dmap',
      name:'3dmap',
      component:()=>import('./components/3D_map.vue')
    },{
      path:'/3dpolygon',
      name:'3dpolygon',
      component:()=>import('./components/3D_polygon.vue')
    },{
      path:'/3dline',
      name:'3dline',
      component:()=>import('./components/animation_line.vue')
    },{//聚合图
      path:'/aggregate',
      name:'aggregate',
      component:()=>import('./components/Aggregate.vue')
    },{
      path:'/hover',
      name:'hover',
      component:()=>import('./components/maphover_effect.vue')
    },{//smartmapx 拖拽功能
      path:'/drag',
      name:'drag',
      component:()=>import('./components/drag.vue')
    },{//mapbox 拖拽功能
      path:'/mapboxdrag',
      name:'mapboxdrag',
      component:()=>import('./components/mapbox_drag.vue')
    },{
      path:'/muchpoint',
      name:'muchpoint',
      component:()=>import('./components/Much_Poin.vue')
    },{
      path:'/flowgraph',
      name:'flowgraph',
      component:()=>import('./components/flow_graph.vue')
    },{
      path:'/gradienline',
      name:'gradienline',
      component:()=>import('./components/gradient_line.vue')
    },{//mapbox gradien line
      path:'/mapboxgraline',
      name:'mapboxgraline',
      component:()=>import('./components/mapbox_gradienline.vue')
    },{//路径回放
      path:'/pathreplay',
      name:'pathreplay',
      component:()=>import('./components/path_replay.vue')
    },{//路径规划
      path:'/pathplan',
      name:'pathreppathplanlay',
      component:()=>import('./components/path_planing.vue')
    },{//柱状图
      path:'/histogram',
      name:'histogram',
      component:()=>import('./components/Histogram.vue')
    },{//饼状图
      path:'/pie',
      name:'pie',
      component:()=>import('./components/pie_graph.vue')
    }
  ]
})
